<template>
  <div class="wrapper" :class="type">
    <div class="banyuan"></div>
    <div class="bottom_div">
      <div class="da">资深顾问为您免费服务</div>
      <div class="da">400-600-8728</div>
      <div>北京搜城时代科技有限公司</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CompanyBottom',
  props: {
    type: String
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper
  width 100%
  border-radius 5px
  position absolute
  bottom 0px
  margin-top 1rem
  .banyuan
    width 110%
    border-radius 80%
    height 2.2rem /* 110/50 */
    position absolute
    top -1.1rem
    left -5%
    border-bottom 4px solid rgba(89, 36, 6, 0.38)
  .bottom_div
    background rgba(0,0,0,.7)
    padding-top 2rem
    height 7.3rem /* 361/50 */
    color #ffffff
    text-align center
    line-height 1.2rem /* 60/50 */
    padding-bottom 1.08rem
    .da
      font-size .6rem /* 30/50 */
      text-shadow 0px 2px 0px rgba(126, 47, 4, 0.3)
      font-weight bold
.one
  .banyuan
    background #FEB285
    border-bottom 4px solid rgba(89, 36, 6, 0.38)
  .title_img
    width 100%
    background-image url('../../../assets/img/one/iconbg.png')
.two
  .banyuan
    background #FEB1B3
    border-bottom 4px solid rgba(161, 6, 11, 0.38)
  .title_img
    width 100%
    background-image url('../../../assets/img/two/iconbg.png')
.there
  .banyuan
    background #BBD0FA
    border-bottom 4px solid rgba(6, 54, 88, 0.38)
  .title_img
    width 100%
    background-image url('../../../assets/img/there/iconbg.png')
</style>
